.activity {
  width: 100%;
  height: 100%;
}

.activity .center {
  display: flex;
  justify-content: space-between;
  /* background-color: #f4f8fb; */
  width: 100%;
}

.center-r {
  width: 100%;
  /* padding: 30px 0 0 30px; */
  padding-left: 30px;
  background-color: #f4f8fb;
  margin-top: 56px;
}

.center-r .box {
  background-color: #fff;
}

/*  */

.data {
  margin: 22px 50px 22px 31px;
}

.data .block {
  margin-bottom: 30px;
  position: relative;
}

.data .anniu {
  width: 105px;
  height: 44px;
  border-radius: 10px;
  background-color: #36a4ff;
  border: none;
  color: #fff;
  font: 22px/44px "微软雅黑";
  margin-top: 10px;
}

.data .up-list {
  width: 200px;
  height: 44px;
  border-radius: 10px;
  background-color: #36a4ff;
  border: none;
  color: #fff;
  font: 22px/44px "微软雅黑";
  margin-top: 10px;
  position: absolute;
  right: 0;
}

/* biaoge */

.s-table {
  text-align: center;
  margin-top: 45px;
  /* padding-right: 90px; */
}

.s-table .td3 {
  text-align: center;
}

.s-table .table {
  border-spacing: 0;
  border-collapse: collapse;
  margin-right: 31px;
  width: 100%;
  border-color: #cccccc;
}

.table>thead {
  height: 80px;
  background-color: #36a4ff;
  color: #fff;
  font: 20px/80px "微软雅黑";
}

.table>tbody td {
  height: 65px;
}

.table .td1 {
  font-size: 22px;
  color: #666666;
  text-align: center;
}

.tbody .td-div {
  margin: 0 16px;
  text-align: right;
  font-size: 22px;
  color: #666;
}

.tbody .td-div>h2 {
  color: #333333;
}

.tbody .td3 .td-div {
  /* margin: 0 80px; */
  text-align: left;
  font-size: 22px;
  color: #666;
}

.tbody .td3 .td-div>h2 {
  color: #666;
}

.tbody .anniu1 {
  width: 105px;
  height: 40px;
  border-radius: 10px;
  background-color: #0ace25;
  border: none;
  color: #fff;
  font: 22px/40px "微软雅黑";
  margin-top: 10px;
}

.tbody .anniu2 {
  width: 105px;
  height: 40px;
  border-radius: 10px;
  background-color: #ccc;
  border: none;
  color: #fff;
  font: 22px/40px "微软雅黑";
  margin-top: 10px;
}

.tbody .anniu3 {
  width: 105px;
  height: 40px;
  border-radius: 10px;
  background-color: #fac409;
  border: none;
  color: #fff;
  font: 22px/40px "微软雅黑";
  margin-top: 10px;
}

.getMore {
  width: 194px;
  height: 43px;
  margin: 50px auto;
  border-radius: 10px;
  background: #f4f4f4;
  color: #666;
  text-align: center;
  line-height: 43px;
  cursor: pointer;
}

.getMore:hover {
  cursor: pointer;
  background: #e6e6e6;
  color: rgb(85, 85, 85);
}

.td1_btn {
  padding: 10px 15px;
  border-radius: 8px;
  color: #ffffff;
  cursor: pointer;
}

.orderdetails_con {
  margin-top: 20px;
  position: relative;
}

.input {
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 10000;
  right: 0;
  top: 0;
}

.input>input {
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 8px;
  width: 250px;
}

